<script setup lang="ts">
//不设置默认值
const  props=defineProps<{
name :string ,
money:number 
}>()



//在script里面使用需要使用.语法
console.log(props)

//定义一个事件
defineEmits<{
    (e:'changMoney',money:number):void
}>()


</script>
<template>
    <div><h2>我是子组件</h2>
        <!-- 
            在页面使用可以直接使用
         -->
    <p>{{ name }}</p>
    <p>{{ money }}</p>
    <button @click="$emit('changMoney',1000)">打电话要钱</button>

    </div>
   

</template>
<style scoped>
div{
    height:200px;
    width: 200px;
    background-color: skyblue;
}
</style>